<template>
  <div>
      <h3>新品首发</h3>
      <ul>
          <li v-for="item in newGoodsList" :key="item.id">
              <img :src="item.list_pic_url">
              <p>{{item.name}}</p>
              <span>{{item.retail_price|Rmb}}</span>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    data(){
        return{}
    },
    props:['newGoodsList']
}
</script>

<style scoped lang='less'>
    h3{
        margin: 10px auto;
        text-align: center;
    }
    ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li{
            width: 49%;
            text-align: center;
            img{
                width: 100%;
            }
            p{
                font-size: 15px;
                margin: 10px auto;
            }
            span{
                color: red ;
            }
        }
    }
</style>